<template>
	<view class="hospitalRechargeRec">
		<rechargeDetail :list="Data.recharge"></rechargeDetail>
		<CardBalance :money="Data.recharge.money"></CardBalance>
		<rechargeRecordDeta :id="Data.recharge.id" :type="'hospitalization'"></rechargeRecordDeta>
	</view>
</template>

<script setup>
	import CardBalance from '@/pages/selfPayment/rechargeRecord/CardBalance.vue'
	import rechargeDetail from '@/pages/hospitalRecharge/hospitalRecharge/rechargeDetail.vue'
	import rechargeRecordDeta from '@/pages/selfPayment/rechargeRecord/rechargeRecordDeta.vue'
	import {
		useTopStore
	} from '@/store/TopUpService.js'
	import {
		reactive,
		onMounted
	} from 'vue'
	const Data = reactive({
		recharge: {}
	})
	const topStore = useTopStore();
	onMounted(() => {
		Data.recharge = topStore.recharge
	})
</script>

<style lang="less" scoped>

</style>
